module.exports = {
  content: [
    './src/pages/**/*.tsx',
    './src/components/**/*.tsx',
    './src/layouts/**/*.tsx',
  ],
  theme: {
    extend: {
      colors: {
        primary: '#1C5CFF',
        success: '#47C93A',
        danger: '#FF4857',
        warning: '#FFBA01',
        drak: '#1E1E1E',
      }
    },
  },
  plugins: [
    function ({ addUtilities, addComponents, e, prefix, config }) {
      addUtilities({
        ".center": {
          display: "flex",
          "align-items": "center",
          "justify-content": "center",
        },
        ".center-x": {
          display: "flex",
          "justify-content": "center",
        },
        ".center-y": {
          display: "flex",
          "align-items": "center",
        },
        ".full": {
          width: "100%",
          height: "100%",
        },
        ".round": {
          "border-radius": "10px",
        },
      });
    },
  ],
}
